<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">

<link rel="stylesheet" media="screen" href="css/bootstrap.css" />
<link rel="stylesheet" media="screen" href="css/integration_DT_Bootstrap.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/>

<script type="text/javascript" src="js/jquery-2.0.3.min.js" ></script>
<script type="text/javascript" src="js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="js/integration_DT_Bootstrap.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js" ></script>
<script type="text/javascript" src="js/geral.js" ></script>
<title>Casper fixo</title>
</head>

<body>
	    <!-- Static navbar -->
    <div class="navbar navbar-default navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">SYNDIC</a>
        </div>
        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li><a href="#">Home</a></li>
            <li class="active"><a href="#about">DataTables</a></li>
            <li><a href="tabs.html">Tabs</a></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
              	<li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li class="dropdown-header">Nav header</li>
                <li><a href="#">Separated link</a></li>
                <li><a href="#">One more separated link</a></li>
                <li class="dropdown-submenu">
                	<a tabindex="-1" href="#">Mais opções -</a>
                    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
                    	<li><a href="#">teste2</a></li>
                        <li><a href="#">teste2</a></li>
                    </ul>
                </li>
              </ul>
            </li>
          </ul>
        <ul class="nav navbar-nav navbar-right">
            <li class="dropdown">
            <a href="#" id="drop3" role="button" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> Fábio Seixas Sales<b class="caret"></b></a>
            <ul class="dropdown-menu">
                <li><a href="#perfil"><span class="glyphicon glyphicon-user"></span> Perfil</a></li>
                <li class="divider"></li>
                <li><a href="login.html"><span class="glyphicon glyphicon-log-out"></span> Sair</a></li>
            </ul>
            </li>
        </ul>
          
        </div><!--/.nav-collapse -->
      </div>
    </div>

    <div class="container">
    
        <ol class="breadcrumb">
            <li><a href="#">Home</a></li>
            <li><a href="#">Library</a></li>
            <li class="active">Data</li>
        </ol>

        <div class="page-header">
        	<h2>DataTable <small>Integração Bootstrap</small></h2>
        </div>
        
        <div class="table-responsive">
            <table id="full" class=" table table-striped">
                <thead>
                    <tr>
                        <th>Column 1</th>
                        <th>Column 2</th>
                        <th>Column 4</th>
                    </tr>
                </thead>
                <tfoot>
                    <tr>
                        <th colspan="2">Total</th>
                        <th class="text-right">200,00</th>
                    </tr>
                </tfoot>
                <tbody>
                    <tr>
                        <td>Row 1 Data 1</td>
                        <td>Row 1 Data 2</td>
                        <td>Row 1 Data 3</td>
                    </tr>
                    <tr>
                        <td>Row 2 Data 1</td>
                        <td>Row 2 Data 2</td>
                        <td>Row 2 Data 3</td>
                    </tr>
                    <tr>
                        <td>Row 3 Data 1</td>
                        <td>Row 3 Data 2</td>
                        <td>Row 3 Data 3</td>
                    </tr>
                    <tr>
                        <td>Brasil</td>
                        <td>Row 4 Data 2</td>
                        <td>Row 4 Data 3</td>
                    </tr>
                    <tr>
                        <td>Row 5 Data 1</td>
                        <td>Row 5 Data 2</td>
                        <td>Row 5 Data 3</td>
                    </tr>
                    <tr>
                        <td>Row 6 Data 1</td>
                        <td>Row 6 Data2</td>
                        <td>Row 6 Data 3</td>
                    </tr>
                    <tr>
                        <td>Estados Unidos da America</td>
                        <td>Row 7 Data 2</td>
                        <td>Row 7 Data 3</td>
                    </tr>
                    <tr>
                        <td>Row 8 Data 1</td>
                        <td>Row 8 Data 2</td>
                        <td>Row 8 Data 3</td>
                    </tr>
                     <tr>
                        <td>Russia</td>
                        <td>Row 3 Data 2</td>
                        <td>Row 3 Data 3</td>
                    </tr>
                    <tr>
                        <td>Row 4 Data 1 a</td>
                        <td>Row 4 Data 2</td>
                        <td>Row 4 Data 3</td>
                    </tr>
                    <tr>
                        <td>Row 5 Data 1</td>
                        <td>Row 5 Data 2</td>
                        <td>Row 5 Data 3</td>
                    </tr>
                    <tr>
                        <td>Row 6 Data 1</td>
                        <td>Bolívia</td>
                        <td>Row 6 Data 3</td>
                    </tr>
                    <tr>
                        <td>Row 7 Data 1</td>
                        <td>Row 7 Data 2</td>
                        <td>Row 7 Data 3</td>
                    </tr>
                    <tr>
                        <td>Row 8 Data 1</td>
                        <td>Row 8 Data 2</td>
                        <td>Row 8 Data 3</td>
                    </tr>
                    <tr>
                        <td>Row 1 Data 1 a</td>
                        <td>Row 1 Data 2</td>
                        <td>Row 1 Data 3</td>
                    </tr>
                    <tr>
                        <td>Row 2 Data 1</td>
                        <td>Row 2 Data 2</td>
                        <td>Row 2 Data 3</td>
                    </tr>
                    <tr>
                        <td>Row 3 Data 1</td>
                        <td>Row 3 Data 2</td>
                        <td>Row 3 Data 3</td>
                    </tr>
                    <tr>
                        <td>Row 4 Data 1</td>
                        <td>Row 4 Data 2</td>
                        <td>Row 4 Data 3</td>
                    </tr>
                    <tr>
                        <td>Row 5 Data 1</td>
                        <td>Row 5 Data 2</td>
                        <td>Row 5 Data 3</td>
                    </tr>
                    <tr>
                        <td>Row 6 Data 1</td>
                        <td>Row 6 Data2</td>
                        <td>Row 6 Data 3</td>
                    </tr>
                    <tr>
                        <td>Row 7 Data 1</td>
                        <td>Row 7 Data 2</td>
                        <td>Row 7 Data 3</td>
                    </tr>
                    <tr>
                        <td>Row 8 Data 1</td>
                        <td>Row 8 Data 2</td>
                        <td>Row 8 Data 3</td>
                    </tr>
                     <tr>
                        <td>Row 3 Data 1</td>
                        <td>Row 3 Data 2</td>
                        <td>Row 3 Data 3</td>
                    </tr>
                    <tr>
                        <td>Row 4 Data 1</td>
                        <td>Row 4 Data 2</td>
                        <td>Row 4 Data 3</td>
                    </tr>
                    <tr>
                        <td>Row 5 Data 1</td>
                        <td>Row 5 Data 2</td>
                        <td>Row 5 Data 3</td>
                    </tr>
                    <tr>
                        <td>Row 6 Data 1</td>
                        <td>Row 6 Data2</td>
                        <td>Row 6 Data 3</td>
                    </tr>
                    <tr>
                        <td>Row 7 Data 1</td>
                        <td>Row 7 Data 2</td>
                        <td>Row 7 Data 3</td>
                    </tr>
                    <tr>
                        <td>Row 8 Data 1</td>
                        <td>Row 8 Data 2</td>
                        <td>Row 8 Data 3</td>
                    </tr>
                </tbody>
            </table>
        </div>    
    </div> <!-- /container -->
</html>
